<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragment::head(~{::title},~{})">
    <meta charset="utf-8">
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="../static/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="../static/lib/layui/css/layui.css"/>
    <script src="../static/js/public.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div th:replace="_fragment::header(null)"></div>
<input hidden="hidden" id="paystauts"/>
<div class="layui-container">
    <div class="breadcrumb">
        <span class="layui-breadcrumb">
            <a th:href="@{/index}">首页</a>
            <a><cite>个人信息</cite></a>
        </span>
    </div>
</div>
<div class="layui-container">
    <div class="order-page">
        <h2>个人信息</h2>
        <hr/>
        <table class="layui-hide" id="user1_tb" lay-filter="user1_tb"></table>
        <script type="text/html" id="user1_tb_bar">
            <p type="button" class="layui-btn layui-btn-xs" id = "p1" lay-event="update">修改</p>
            <p type="button" class="layui-btn layui-btn-danger layui-btn-xs" id = "p2" lay-event="del">注销</p>
        </script>
    </div>
</div>
</body>
<link rel="stylesheet" type="text/css" th:href="@{/css/user_orders.css}"/>
<script th:src="@{/js/user1.js}" type="text/javascript" charset="utf-8">
    // 校验两次密码是否一致
    form.verify({
        confirmPass:function(value){
            if($('input[name=password]').val() !== value)
                return '两次密码输入不一致！';
        }});
</script>
<script type="text/html" id="user_form_tmpl">
    <form action="" class="layui-form" lay-filter="user-form" style="margin-right:30px;margin-top: 20px;">
        <div class="layui-form-item">
            <label class="layui-form-label">用户ID</label>
            <div class="layui-input-inline">
                <input type="text" name="userId" autocomplete="off" readonly class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-inline">
                <input type="text" name="userName" autocomplete="off" placeholder="请输入用户名" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
            <label class="layui-form-label">用户密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" autocomplete="off" placeholder="请输入用户密码" class="layui-input">
            </div>
            <label class="layui-form-label">确认密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password1" lay-verify="required|confirmPass"  placeholder="请输入用户密码" class="layui-input">
            </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-inline">
                    <input type="text" name="email" autocomplete="off" placeholder="请输入邮箱" class="layui-input">
                </div>
            </div>
        </div>
    </form>
</script>

</html>
